@charset "utf-8";
@import './_reset';
@function r($px){
	@return $px/50px *1rem;
}

html,body{
	width: 100%;
	height: 100%;
}
.web{
	height: 100%;
	width: 100%	;
	position: relative;
}
header{
	text-align: center;
	width: 100%;
	height: r(89px);
	background-color:#b20000;
	position: fixed;
	top: 0;
	left: 0;
	.left_logo{
		// background-color: #CCCCCC;
		margin-top: r(33px);
		margin-left: r(23px);
		img{
			width: r(31px);
			height: r(24px);
		}
	}
	.middle_logo{
			display: inline-block;
			width: r(264px);
			height: r(40px);
			margin-top: r(23px);
			// background-color: #CCCCCC;
			img{
				width: 100%;
				height: 100%;
			}
		}
	.search_logo{
		margin-right: r(17px);
		margin-top: r(23px);
		img{
			width: r(42px);
			height: r(42px);
		}
	}
}

section{
	overflow: auto;
	// background-color:#f5f5f5;
	// margin-top: r(89px);
	position: fixed;
	top:r(89px);
	bottom:r(96px);
	left: 0;
	right: 0;
	>.bg{
		font-size: 0;
		img{
		width: 100%;
		height: r(358px);
		}
	}
	>.content{
		width:r(640px);
		height: r(1980px);
		background-color: #f5f5f5;
		overflow: hidden;
		>.content_box{
			width: 100%;
			height: r(607px);
			background-color: white;
			margin-top: r(26px);
			>.box{
				width: r(585px);
				height: 100%;
				margin: 0 auto;
				overflow: hidden;
				>.box_top{
					width: 100%;
					height: r(58px);
					margin-top: r(22px);
					>.top_left{
						width: r(58px);
						height: r(58px);
						border-radius: 50%;
						background-color: #898989;
					}
					.top_middle{
						width: r(200px);
						height: r(58px);
						margin-left: r(17px);
						>.middle_p1{
							font-size: r(28px);
							color: #c5c5c5;
							font-family: "microsoft yahei";
						}
						>.middle_p2{
							font-size: r(18px);
							color: #c5c5c5;
							font-family: "microsoft yahei";
						}
					}
					>.top_right{
						width: r(228px);
						height: r(58px);
						background-color: #b20000;
						text-align: center;
						line-height: r(58px);
						>p{
							font-size: r(28px);
							color: #FFFFFF;
							font-family: "microsoft yahei";
							>.icon-jiantou{
								font-size: r(25px);
							}
						}
					}
				}
				>.box_middle{
					width: r(585px);
					height: r(40px);
					border-bottom: r(1px) solid #dddddd;
					margin-top: r(14px);
					>.middle_left{
						font-size: r(25px);
						line-height: r(40px);
						font-family: "microsoft yahei";
					}
					>.middle_right{
						font-size:r(16px);
						font-family: "microsoft yahei";
						line-height: r(50px);
					}
				}
				>.box_bottom{
					height: r(433px);
					width: 100%;
					margin-top: r(18px);
					>img{
						width: r(585px);
						height: r(433px);
					}
				}
			}
		}
	}
	}

footer{
	height: r(96px);
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #f5f5f5;
	>ul{
		text-align: center;
		>li{
		 width: 20%;
		 float: left;
		 margin-top: r(20px);
			img{
				height: r(41px);
				width: r(41px);
			}
			p{
				font-size: r(12px);
				color: #939393;
			}
			
	 }
}
}
